<template>
   <div style="width:420px;height:250px" ref="chart"></div>
</template>

<script>
import * as echarts from 'echarts'
export default {
    mounted(){
       let chart=echarts.init(this.$refs.chart)
       let options={
         xAxis:{
            data:['1月份','2月份','3月份','4月份','5月份','6月份']
         },
         yAxis:{},
         series:[
            {
                type:'line',
                symbol:'none',
                smooth:true,
                areaStyle:{
                  color:'#C2E6FF'
                },
                lineStyle:{
                  color:'#B8E2FF'
                },
                data:[234,788,897,455,566,123]
            }
         ]
       }
       chart.setOption(options)
    }
}
</script>

<style>

</style>